import axios from "axios";
import { useRouter } from 'vue-router';
import { ElMessage } from 'element-plus';

// Try with explicit context path - your Spring Boot app might be running with a context path
axios.defaults.baseURL = "http://localhost:8080"

const request = axios.create({
  timeout: 10000
})

const router = useRouter();

//请求拦截
request.interceptors.request.use(
  config => {
    const token = localStorage.getItem('token');
    if (token) {
      config.headers['token'] = token;
    }
    
    // 设置 Content-Type，但对文件上传的FormData请求不设置
    if ((config.method === 'post' || config.method === 'put' || 
         (config.method === 'get' && config.data)) && // 允许GET请求带body
        !(config.data instanceof FormData)) {
      config.headers['Content-Type'] = 'application/json';
    }
    
    // 对于GET请求带body的特殊情况（后端接口要求）
    if (config.method === 'get' && config.data) {
      // 有些axios版本可能会删除GET请求的data，此处确保数据保留
      // 将数据转换为查询参数可能会导致复杂对象转换失败，这里保持原样
      // 如果服务器端能接收GET请求的body
      config.headers['Content-Type'] = 'application/json';
    }
    
    // 打印请求信息用于调试
    console.log('Request:', {
      url: config.url,
      method: config.method,
      params: config.params,
      data: config.data
    });
    
    return config;
  },
  error => {
    return Promise.reject(error);
  }
);

// 响应拦截器
request.interceptors.response.use(
  response => {
    const res = response.data;
    console.log('Response data:', res);
    
    if (res.code === 401) {
      ElMessage.error('登录已过期，请重新登录');
      localStorage.removeItem('token');
      window.location.href = '/login';
      return Promise.reject(new Error('未登录或登录过期'));
    }
    return res;
  },
  error => {
    console.error('请求错误:', error);
    ElMessage.error(error.message || '网络请求失败');
    return Promise.reject(error);
  }
);

export default request 
